<?xml version="1.0"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="html" />
<xsl:template match="/">
<html>
	<head>
		<title>Composition d'une pizza personnalisée</title>
		<!-- code javascript qui va nous permettre d'avoir les ingrédients dans une liste  -->

		
		
		
		
		
		
	<link rel="stylesheet" type="text/css" href="../css/page.css" />
	<script src="../js/ingredients.js" ></script>
		
    </head>

<body>
		
		
		
<div class="texte" >
<div class="blocTexte" ><h3>Sélection d'ingrédients</h3></div>
<div class="blocTexte">
<p class="texte"><h6>Lorsque vous avez fini d'ajouter des ingrédients, faites "commander".</h6></p>
<form action="../panier.jsp?ajout=pizza&amp;perso=true" method="post" name="choixIngredients" >
<table>
	 <tr>

        <td align="center"><span style="font-weight: bold;">Ingrédients disponibles en stock</span><br />

        <select  name="liste1" size="6" style="width: 180px;">
			<xsl:apply-templates /> <!-- liste des ingrédients récupérés de la BD -->
        </select>

        </td>

        <td align="center"> <input value="Ajouter &gt;&gt;&gt;" onclick="addIngredient()" type="button" /> <br />

        <br />

        <input  value="&lt;&lt;&lt; Enlever" onclick="removeIngredient()" type="button" /> </td>

        <td align="center"><span style="font-weight: bold;">Ingrédients sélectionnés</span><br />

        <select name="liste2" size="6" style="width: 180px;" multiple="true">
       
        </select>
		
        </td>

      </tr>
  </table>
  <table>
  
		<tr><td align="center">
		<input  type="submit" value="Commander" onclick="selectAll()"/>
		</td></tr>
	</table>
</form>
</div>
</div>

</body>
</html>
</xsl:template>

<xsl:template match="ROWSET/ROW">
	<xsl:variable name="nomIngredient"><xsl:value-of select="nom" /></xsl:variable>
	<option value="{$nomIngredient}"><xsl:value-of select="$nomIngredient" /></option>
</xsl:template>
</xsl:stylesheet>